<template>
    <div>
        <div class="common-layout">
            <el-container>
                <el-header><el-avatar
                        src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png" /></el-header>
                <el-container>
                    <el-aside width="200px">
                        <el-row class="tac">
                            <el-col :span="24">
                                <h5 class="mb-2">侧栏</h5>
                                <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen"
                                    @close="handleClose">
                                    <el-sub-menu index="1">
                                        <template #title>
                                            <span>菜单</span>
                                        </template>
                                        <el-sub-menu index="1-4">
                                            <template #title>左侧</template>
                                            <el-menu-item index="1-4-1">小七</el-menu-item>
                                            <el-menu-item index="1-4-1">小七</el-menu-item>
                                        </el-sub-menu>
                                    </el-sub-menu>
                                </el-menu>
                            </el-col>
                        </el-row>
                    </el-aside>
                    <el-main>中间</el-main>
                </el-container>
            </el-container>
        </div>
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped></style>